<template>
  <div class="Product">
    <Product></Product>
    <TabBar :title="title"></TabBar>
  </div>
</template>
<script>
// @ is an alias to /src
import Product from '@/components/Product.vue'
import TabBar from '@/components/TabBar.vue'
export default {
  name: 'ProductView',
  data(){//组件中的data必须是一个函数
  return{
    title:'商品列表'
  }
  },
  components: {
    Product,
    TabBar
}
}
</script>